<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Contact</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"/>
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/jquery-ui.css">
    <link rel="stylesheet" href="css/slick.css">
    <link rel="stylesheet" href="css/chosen.min.css">
    <link rel="stylesheet" href="css/pe-icon-7-stroke.css">
    <link rel="stylesheet" href="css/magnific-popup.min.css">
    <link rel="stylesheet" href="css/lightbox.min.css">
    <link rel="stylesheet" href="js/fancybox/source/jquery.fancybox.css">
    <link rel="stylesheet" href="css/jquery.scrollbar.min.css">
    <link rel="stylesheet" href="css/mobile-menu.css">
    <link rel="stylesheet" href="fonts/flaticon/flaticon.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body class="inblog-page">

<!-- 引入头部导航栏 -->
	<jsp:include page="top.jsp"></jsp:include>

<div class="main-content main-content-contact">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-trail breadcrumbs">
                    <ul class="trail-items breadcrumb">
                        <li class="trail-item trail-begin">
                            <a href="index.jsp">首页</a>
                        </li>
                        <li class="trail-item trail-end active">
                            	<a href="#">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="content-area content-contact col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="site-main">
                    <h3 class="custom_blog_title">联系我们</h3>
                </div>
            </div>
        </div>
    </div>
    <div class="page-main-content">
        <div class="google-map">
            <div class="teamo-google-maps" id="teamo-google-maps" data-hue="" data-lightness="1" data-map-style="2"
                 data-saturation="-99" data-longitude="-73.985130" data-latitude="40.758896" data-pin-icon=""
                 data-zoom="14" data-map-type="ROADMAP"></div>
            <span class="fa fa-map-marker"></span>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-contact">
                        <div class="col-lg-8 no-padding">
                            <div class="form-message">
                                <h2 class="title">
                                    给我们的留言
                                </h2>
                                <form action="#" class="teamo-contact-fom">
										<div class="row">
											<div class="col-sm-6">
												<p>
													<span class="form-label"> 你の名字 *</span> <span
														class="form-control-wrap your-name"> <input
														title="your-name" type="text" name="your-name" size="40"
														class="form-control form-control-name">
													</span>
												</p>
											</div>
											<div class="col-sm-6">
												<p>
													<span class="form-label"> 电子邮件 * </span> <span
														class="form-control-wrap your-email"> <input
														title="your-email" type="email" name="your-email"
														size="40" class="form-control form-control-email">
													</span>
												</p>
											</div>
										</div>
										<div class="row">
											<div class="col-sm-6">
												<p>
													<span class="form-label">电话</span> <span
														class="form-control-wrap your-phone"> <input
														title="your-phone" type="text" name="your-phone"
														class="form-control form-control-phone">
													</span>
												</p>
											</div>
											<div class="col-sm-6">
												<p>
													<span class="form-label"> 公司 </span> <span class="form-control-wrap your-company">
														 <input title="your-company" type="text" name="your-company"
														class="form-control your-company">
													</span>
												</p>
											</div>
										</div>
										<p>
											<span class="form-label"> 您的留言： </span> <span
												class="wpcf7-form-control-wrap your-message"> 
												<textarea title="your-message" name="your-message" cols="40" rows="9"
													class="form-control your-textarea"></textarea>
											</span>
										</p>
										<p>
											<input type="submit" value="发送消息"
												class="form-control-submit button-submit">
										</p>
									</form>
                            </div>
                        </div>
                        <div class="col-lg-4 no-padding">
                            <div class="form-contact-information">
                                <form action="#" class="teamo-contact-info">
										<h2 class="title">联系方式</h2>
										<div class="info">
											<div class="item address">
												<span class="icon"> </span> <span class="text">
													郑州市中原区嵩山路一片绿叶植物有限公司 </span>
											</div>
											<div class="item phone">
												<span class="icon"> </span> <span class="text">
													15896975070 </span>
											</div>
											<div class="item email">
												<span class="icon"> </span> <span class="text">
													2408809119@qq.com </span>
											</div>
										</div>
										<div class="socials">
											<a href="#" class="social-item" target="_blank"> <span
												class="icon fa fa-facebook"> </span>
											</a> <a href="#" class="social-item" target="_blank"> <span
												class="icon fa fa-twitter-square"> </span>
											</a> <a href="#" class="social-item" target="_blank"> <span
												class="icon fa fa-instagram"> </span>
											</a>
										</div>
								</form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer class="footer style7">
			<div class="container">
				<div class="container-wapper">
					<div class="row">
						<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4 hidden-sm hidden-md hidden-lg">
							<div class="teamo-newsletter style1">
								<div class="newsletter-head">
									<h3 class="title">通讯</h3>
								</div>
								<div class="newsletter-form-wrap">
									<div class="list">
										注册我们的免费视频课程和 <br /> 城市花园灵感
									</div>
									<input type="email" class="input-text email email-newsletter" placeholder="邮箱">
									<button class="button btn-submit submit-newsletter">提交</button>
								</div>
							</div>
						</div>
						<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4">
							<div class="teamo-custommenu default">
								<h2 class="widgettitle">快速菜单</h2>
								<ul class="menu">
									<li class="menu-item">
										<a href="#">新品上市</a>
									</li>
									<li class="menu-item">
										<a href="#">生活方式</a>
									</li>
									<li class="menu-item">
										<a href="#">仙人掌</a>
									</li>
									<li class="menu-item">
										<a href="#">棕榈树</a>
									</li>
									<li class="menu-item">
										<a href="#">蕨类植物</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4 hidden-xs">
							<div class="teamo-newsletter style1">
								<div class="newsletter-head">
									<h3 class="title">通讯</h3>
								</div>
								<div class="newsletter-form-wrap">
									<div class="list">
										注册我们的免费视频课程和<br /> 城市花园灵感
									</div>
									<input type="email" class="input-text email email-newsletter" placeholder="你的邮箱">
									<input type="text" class="input-text" placeholder="提交反馈">
									<button class="button btn-submit submit-newsletter">提交</button>
								</div>
							</div>
						</div>
						<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4">
							<div class="teamo-custommenu default">
								<h2 class="widgettitle">信息</h2>
								<ul class="menu">
									<li class="menu-item">
										<a href="#">常见问题</a>
									</li>
									<li class="menu-item">
										<a href="#">跟踪订单</a>
									</li>
									<li class="menu-item">
										<a href="#">交货</a>
									</li>
									<li class="menu-item">
										<a href="#">联系我们</a>
									</li>
									<li class="menu-item">
										<a href="#">返回</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="footer-end">
						<div class="row">
							<div class="col-sm-12 col-xs-12">
								<div class="teamo-socials">
									<ul class="socials">
										<li>
											<a href="#" class="social-item" target="_blank">
												<i class="icon fa fa-facebook"></i>
											</a>
										</li>
										<li>
											<a href="#" class="social-item" target="_blank">
												<i class="icon fa fa-twitter"></i>
											</a>
										</li>
										<li>
											<a href="#" class="social-item" target="_blank">
												<i class="icon fa fa-instagram"></i>
											</a>
										</li>
									</ul>
								</div>
						<!-- 引入页脚栏 -->
	<jsp:include page="footer.jsp"></jsp:include>

<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/jquery.plugin-countdown.min.js"></script>
<script src="js/jquery-countdown.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/isotope.min.js"></script>
<script src="js/jquery.scrollbar.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/mobile-menu.js"></script>
<script src="js/chosen.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/jquery.elevateZoom.min.js"></script>
<script src="js/jquery.actual.min.js"></script>
<script src="js/fancybox/source/jquery.fancybox.js"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/owl.thumbs.min.js"></script>
<script src="js/jquery.scrollbar.min.js"></script>
<script src='https://ditu.google.cn/maps/api/js?key=AIzaSyC3nDHy1dARR-Pa_2jjPCjvsOR4bcILYsM'></script>
<script src="js/frontend-plugin.js"></script>
</body>
</html>